@import '../base/config.less';

.@{name}-form {
	
	& &-group {
		position: relative;
		border-bottom: 1px solid #eaeaea;
	}

	& &-control {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 rem(34);
		font-size: rem(30);
		line-height: inherit;
		border: 0;
		outline: 0;
		color: #6c6c6c;
	}
}

.@{name}-send {
	padding-top: rem(100);

	.@{name}-form {
		&-group {
			height: rem(94);
			line-height: rem(94);
		}
	}
}

.@{name}-register {
	padding: 0 rem(34);

	& > header {
		height: rem(164);
		line-height: rem(164);
		margin: 0 rem(-34);
		background: @main;
		font-size: rem(54);
		color: #fff;
		text-align: center;
		margin-bottom: rem(15);
	}

	.@{name}-v-btn {
		position: absolute;
		top: rem(22);
		right: 0;
		width: rem(172);
		height: rem(46);
		border-radius: rem(23);
		border: 1px solid #eaeaea;
		color: #b3b3b3;
		font-size: rem(24);
		background: #fff;
		transition: all .3s;

		&:disabled {
			background: #eaeaea;
		}
	}

	.@{name}-form {
		&-group {
			height: rem(90);
			line-height: rem(90);
		}

		&-control {
			padding: 0;
		}

		&-button {
			margin-top: rem(46);

			.@{name}-btn-submit {
				border: 0;
				width: rem(572);
				height: rem(81);
				line-height: rem(81);
				border-radius: rem(41);
				background: @main;
				color: #fff;
				text-align: center;
			}
		}
	}
}